<!DOCTYPE html>
<html>
<head>
    <title>News - Lorem Ipsum</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" type="text/css" href="/css/style.css">
</head>

<body id="{{ slug }}">

<nav>
<section>
    <span class="home">
        <a href="/">Home</a>
    </span>
    <span class="links">
        <a href="/blog/">Blog</a>
        <a href="/news/">News</a>
        <a href="/contact/">Contact</a>
        <a href="/about/">About</a>
    </span>
</section>
</nav>

<main>
<h1>News</h1>
<article>
<h2><a href="/news/mauris-tempor/">Mauris Tempor</a></h2>
<p class="meta">Published on 2018-01-04 by <b>Admin</b></p>
<p class="summary">
Mauris tempor nulla odio, vel tempus metus bibendum sit amet. Vivamus consequat fringilla tristique. Nullam a congue ligula, eget rutrum lectus. In pulvinar at nunc&nbsp;<a class="more" href="/news/mauris-tempor/">...</a>
</p>
<div>
<a class="more" href="/news/mauris-tempor/">Read More</a>
</div>
</article>
<article>
<h2><a href="/news/vivamus-purus/">Vivamus Purus</a></h2>
<p class="meta">Published on 2018-01-02 by <b>Admin</b></p>
<p class="summary">
Vivamus purus tellus, facilisis in sapien quis, ullamcorper lacinia neque. Morbi tincidunt ac leo sit amet auctor. Donec dolor mauris, lobortis eget faucibus sit amet,&nbsp;<a class="more" href="/news/vivamus-purus/">...</a>
</p>
<div>
<a class="more" href="/news/vivamus-purus/">Read More</a>
</div>
</article>

<section>
<a class="rss" href="/news/rss.xml">RSS</a>
</section>

</main>

<footer>
<section>
<p>&copy; 2018 Lorem Ipsum</p>
<p>
    <a href="https://twitter.com/sunainapai">Twitter</a>
    <a href="https://github.com/sunainapai">GitHub</a>
    <a href="https://www.example.com/">Example</a>
</p>
</section>
</footer>

</body>
</html>
